body {
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	font-size: .875rem;			//设置全局默认字体大小
	color: $base-text-color;
  margin: 0px;
	
}

div {
	box-sizing: border-box;
}

.first-box {
	// width: 100vw;
	// height: 100vh;
	// overflow: scroll;
	padding-bottom: .3125rem;
}
.view-detail .van-button__text{
	display: flex;
	align-items: center;
}

// 列表卡片样式
.hooyn-table-card {
	margin: 0px 1rem .625rem;
	padding: .5rem;
	// width: calc();
	box-sizing: border-box;
	border-radius: var(--radius, .5rem);
	background: $base-bg-color-grey;
}

.card-header {
    width: 100%;
    border-bottom: 1px solid #eee;
	margin-top: .75rem;
    div {
        padding: .4rem 1.75rem;
        background: linear-gradient(to bottom, #99bdff, #5b9fff);
		color: #fff;
		font-size: 1.0rem;
		font-weight: 600;
		width: max-content;
		letter-spacing: 1px;
    }
}
.hooyn-table {
	.tr {
		margin-top: .5rem;
		border-radius: .25rem;
		padding: .5rem;
		display: flex;
		.td, .th {
			flex: 1;
			text-align: center;
			padding: 0px .1875rem;
			max-width: 25%;
			overflow-wrap: break-word;
			font-size: 1rem;
		}
		
		.th, .td:nth-child(1) {
			color: $base-text-color-grey;
			font-size: .875rem;
		}
	}
	
	.header {
		color: $base-text-color-grey;
		margin-top: 0px;
	}
	
	
	.tr:nth-child(2n) {
		background-color: #F6F3F1;
	}
	
	.tr {
		.td:nth-child(1) {
			float: left;
		}
	}
	
	.group  {
		width: max-content;
		border-radius: .25rem;
		.tr {
			background-color: transparent;
			margin-top: .5rem;
		}
	}
	
	.group:nth-child(2n) {
		background-color: $base-bg-color;
	}
	
	&.scroll-x {
		.tr {
			width: max-content;
			.td, .th  {
				width: 6.25rem;
			}
		}
	}
}
.van-tabs.van-tabs--card {
	.van-tabs__nav {
		height: 100%;
	}

  .van-tabs__nav--card{
    padding: .25rem;
		height: 2.5rem;

  }
	
	.van-tabs__wrap {
    height: 2.5rem;
    overflow: hidden;
		.van-tab {
			border: none;
			color: #725641;
		}

    .van-tabs__nav--card {
      border-radius: .25rem;
      border: none;
      font-size: .875rem;
      font-weight: 500;
    }

		.van-tabs__nav--card .van-tab--active{
			background-color: $base-color-primary;
			color: #fff;
      border-radius: .25rem;

		}
		
		.van-tab + .van-tab {
			margin-left: .5rem;
		}
		
		.van-ellipsis {
			height: 100%;
			text-align: center;
			vertical-align: middle;
		}
	}
	
  &.dark-color {
    .van-tabs__nav--card {
      border: 1px solid #E9E2DC;
      background: $base-bg-page;
    }
  }
		
}

.unit {
	color: #383B42;
	font-size: .625rem;
}

.time-date {
	padding: .3125rem 0px;
	color: #8B94A5;
	display: flex;
	align-items: center;
	font-size: 1rem;
	box-sizing: border-box;
	line-height: 1.5rem;
	color: #D76A2C;
	
	image {
		width: 1.5rem;
		height: 1.5rem;
	}
}

::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

.scroll-x {
  overflow-x: scroll;
  box-sizing: border-box;
}

.scroll-y {
  overflow-y: scroll;
  box-sizing: border-box;
}

.iframe-box {
  width: 100vw;
  height: 100vh;
  
}

.van-field__label--required {
	&::before {
	  display: none;
	}
	label {
	  position: relative;
	  line-height: 24px;
	}

	label::before {
	  content: " * ";
	  color: red;
	  position: absolute;
	  right: -10px;
	  font-size: 16px;
	  top: 0px;
	}
  }
  .iosApp{
	.login{
		.header{
			width: 100%;
			display: flex;
			height: 5.8rem !important;
			align-items: flex-end !important;
			padding: 0 0rem 0.4rem 0rem !important;
			.van-sticky{
				width: 100%;
			}
			.hooyn-navbar__header{
				position: relative !important;
				height: 32px !important;
				line-height: 32px !important;
				.hooyn-navbar__header-left{
					position: relative;
					z-index: 31;
				}
				.hooyn-navbar__header-container{
					position: absolute;
					width: 100% !important;
					font-size: 0.9375rem !important;
					color: #0C131B !important;
					font-weight: 600 !important;
				}
				.hooyn-navbar__header-right{
					display: none !important;
				}
			}
		}
		.nav{
			height: calc(100vh - 5.8rem) !important;
			}
	}
	.ai-box{
		.header{
			display: flex;
			padding-bottom: 0.7rem !important;
			height: 5rem !important;
			align-items: flex-end !important;
		
		}
	.scroll-y{
		height: calc((100vh - 114px) - 83px)!important ;
	}
	}
	.iframe{
		height: 100vh;
		overflow: hidden;
		.header{
			height: 5rem !important;
			align-items: flex-end !important;
			padding-bottom: 0.5rem !important;
			box-sizing: border-box;
		}
		.iframe-box{
			height: calc(100vh - 6rem) !important;
		}
	}	
	.bi-box{
		position: relative;
		.header{
			height: 5rem !important;
			.van-sticky{
				position: fixed !important;
				width: 100% !important;
				height: 5rem !important;
				top: 0 !important;
			}
			.hooyn-navbar{
				height: 5rem !important;
				padding-top: 2.5rem;
				box-sizing: border-box;
				position: relative !important;
				.hooyn-navbar__header{
					position: relative;
					.hooyn-navbar__header-left{
						position: absolute;
						z-index: 333;
					}
				}
			}
		}
		.tabs{
			height: 5.825rem !important;
			padding-bottom: 2rem !important;
			
		}
		.out-contnet{
			position: absolute !important;
			top: 5rem !important;
		}
		.first-box{
			padding-bottom: 0.9rem !important;
			 .van-calendar__popup.van-popup--bottom{
				padding-bottom: 0.9rem !important;
			}
		}
	}
	.contain,
	.khdc{
		.header{
			height: 5 !important;
			
			.hooyn-navbar{
				height: 5rem !important;
				padding-top: 2.4rem;
				box-sizing: border-box;
			}
		}
	.main{
		height: calc(100% - 100px) !important;
		.button-box{
			bottom: 1rem !important;
		}
	}
		
	}
	.kimi{
		.header{
			height: 5rem !important;
			
			.hooyn-navbar{
				height: 5rem !important;
				padding-top: 2.4rem;
				box-sizing: border-box;
			}
		}
		.iframe-box{
			height: calc(100vh - 80px) !important;
			
			::deep() .dark{
				overflow-x: hidden !important;
			}
		}
	}
	.container{
		.header{
			height: 5rem !important;
			
			.hooyn-navbar{
				height: 5rem !important;
				padding-top: 2.4rem !important;
				box-sizing: border-box !important;
			}
		}
	}
	.first-box{
		.nav{
			height: 5rem !important;
				.hooyn-navbar{
					height: 5rem !important;
					padding-top: 2.4rem !important;
					box-sizing: border-box !important;
				}
		}
		.ai-list{
			height: calc(100vh - 5rem) !important;
		}
	}
  }